@charset "utf-8";

/***
 *	mshop Input Style
 *
 *	http://www.migrsoft.com
 *  商品css
 *	Copyright (c) 2008 Migrsoft. All rights reserved.
 **/

span.info .icon {
	width: 18px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../../images/mshop/message_bg.gif) no-repeat 0px -150px;
}

.productImageArea {
	height: 180px;
}

.productImageArea .example {
	width: 130px;
	height: 130px;
	float: left;
	margin-right: 10px;
	background: url(../../images/mshop/input_bg.gif) no-repeat -270px 0px;
}

.productImageArea .prev {
	width: 8px;
	height: 130px;
	display: block;
	float: left;
	margin-right: 5px;
	outline: none;
	border: 1px solid #ededed;
	background: url(../../images/mshop/input_bg.gif) -210px 0px #fafafa no-repeat;
}

.productImageArea .prev:hover {
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
}

.productImageArea .next {
	width: 8px;
	height: 130px;
	display: block;
	float: left;
	margin-left: 5px;
	outline: none;
	border: 1px solid #ededed;
	background: url(../../images/mshop/input_bg.gif) -240px 0px #fafafa no-repeat;
}

.productImageArea .next:hover {
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
}

.productImageArea .scrollable {
	width: 502px;
	height: 130px;
	line-height: 130px;
	float: left;
	overflow: hidden;
	position: relative;
	border: 1px solid #cccccc;
}

.productImageArea .items {
	width: 20000em;
	position: absolute;
}

.productImageArea li {
	width: 90px;
	height: 90px;
	display: block;
	float: left;
	margin: 5px;
	text-align: center;
}

.productImageArea .productImageBox {
	position: relative;
}

.productImageArea .productImageBox .productImagePreview {
	width: 90px;
	height: 90px;
	line-height: 90px;
	color: #969696;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
	border: 1px solid #cfcfcf;
}

.productImageArea .productImageBox .productImagePreview:hover {
	border: 1px solid #ffc097;
}

.productImageArea .productImageBox .productImagePreview img {
	width: 90px;
	height: 90px;
}

.productImageArea .productImageBox .productImageOperate {
	width: 90px;
	height: 25px;
	display: none;
	padding-top: 3px;
	padding-left: 13px;
	position: absolute;
	top: 66px;
	left: 1px;
	z-index: 1;
	background: url(../../images/mshop/product_image_operate_bg.png) no-repeat 0px 0px;
}

.productImageArea .productImageBox .productImageOperate .left {
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	margin-right: 1px;
	overflow: hidden;
	outline: none;
}

.productImageArea .productImageBox .productImageOperate .right {
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	margin-right: 1px;
	overflow: hidden;
	outline: none;
}

.productImageArea .productImageBox .productImageOperate .delete {
	width: 19px;
	height: 19px;
	display: block;
	float: left;
	overflow: hidden;
	outline: none;
}

.productImageArea .productImageBox .productImageUploadButton {
	width: 74px;
	height: 22px;
	line-height: 22px;
	display: block;
	overflow: hidden;
	position: relative;
	top: 97px;
	left: 0px;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../../images/mshop/input_bg.gif) no-repeat 0px -60px;
}

.productImageArea .productImageBox .productImageUploadButton input {
	width: 74px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
	font-size: 40px;
	direction: rtl;
	cursor: pointer;
}

.productImageArea .productImageBox .productImageUploadButton div {
	width: 74px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	cursor: pointer;
}
/* 图片管理 ========= */
.isotopeContainer{
	width:100%;
	clear:both;
}
.isotopeContainer ul {
	width:150px;
	margin:15px;
	float:left;
}
.isotopeContainer ul li{
	list-style:none;
	text-align:center;
	font-size:12px;
	color:#666666;
}

.isotopeContainer ul li img{
	border:1px solid #CCCCCC; background: #FFFFFF; padding:2px;cursor:pointer;"
}
.isotopeContainer ul a{
	color:red;
}